import Vue from "vue";
import VueRouter from "vue-router";


import Home from "./views/Home.vue";
import About from "./views/About.vue";
import App from "./App.vue";

Vue.use(VueRouter);

const routes = [
  { path: "/", redirect: "/App" },
  {
    path: "/App",
    component: App,
    children: [
      {
        path:'/abc',
        name:'abc'
        component: () => import('./views/ABC.vue')
      }
      {
        path:'/about',
        name:'about'
        component: () => import('./views/About.vue')
      }
    ],
  },
];

const router = new VueRouter({
  mode:'history',
  base: process.env.BASE_URL,
  routes,
});

export default router;
